<template>
  <div id="app">
    <nav>
      <router-link to="/">home</router-link>
      <router-link to="/about">about </router-link>
    </nav>
    <router-view />
  </div>
</template>
<script>
export default {
  metaInfo: {
    title: "detault",
    titleTemplate: "%s | My Awesome Webapp",
  },
  data() {
    return {
      message: "Hello",
    };
  },
  methods: {
    fn() {
      console.log(this.message);
    },
  },
};
</script>

<style>
</style>